﻿.gray{ color:#808080;}

#dashboardPage #wide-column {width:456px;position:relative; z-index:1000;}
#dashboardPage #side-column {width:172px;padding:5px;}
#dashboardPage #side-column h3 {
    background: #E9E9E9;
    border: none;
    color: #333333;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin: 0 0 5px;
    padding: 0 5px;
}

.box h3.nopadding{ padding:0 !important;}
.box.hiddencont .boxcont{ display:none;}
.box h3 a.collapsebtn{ padding:0 5px; color:#333; height:20px; display:block; background:url(/img/ico_extend.gif) 158px center no-repeat;}
.box.hiddencont h3 a.collapsebtn{ background:url(/img/ico_collapse.gif) 158px center no-repeat;}
.box h3 a.collapsebtn:hover{ text-decoration:none; background-color:#d8dfea;}

.box h3 a.closebox{ width:14px; height:20px; float:right; display:block; background:url(/img/x_to_hide.gif) center no-repeat;}
.box h3 a.closebox:hover{ width:14px; height:20px; float:right; display:block; background:url(/img/x_to_hide_hover.gif) center no-repeat;}


#dashboardPage #side-column .boxcont {
    line-height: 20px;
    padding: 0 5px;
}
#dashboardPage #side-column .more {
    right: 5px;
    line-height: 20px;
}

#dashboardPage .cube {
    position: relative;
    zoom:1;
}

#dashboardPage .cube h3.foot-header {
    border-bottom: 1px solid #CCC;
    height:1.8em;
    line-height:1.8em;
    margin-bottom:10px;
}

#dashboardPage .cube h3 .foot-header-title {
    background-image:url(/img/arrow_shut.gif);
    background-repeat:no-repeat;
    background-position:2px 2px;
    padding-left:12px;
}
#dashboardPage .cube h3 .foot-header-title.open {
    background-image:url(/img/arrow_open.gif);
    background-position:1px 3px;
}
#dashboardPage .cube h2.message-header, #dashboardPage .cube h2.newsfeed-header {
    border-bottom: 1px solid #CCC;
    height:1.8em;
    line-height:1.8em;
    margin-bottom:5px;
    position: relative;
}

#dashboardPage .cube .more {
    float: right;
    font-size: 12px;
    font-weight: normal;
}

#dashboardPage #list-archive {
    padding: 10px 5px;
}

#dashboardPage #list-archive h4 {
    line-height: 2.0em;
}

#dashboardPage #list-archive a {
    padding-left: 1.5em;
    background-position: 3px 50%;
    background-repeat: no-repeat;
}

#dashboardPage #list-archive a.sel_all {background-image: url(/img/newsfeed/arrow.gif)}
#dashboardPage #list-archive a.sel_network {background-image: url(/img/newsfeed/network.gif)}
#dashboardPage #list-archive a.sel_status {background-image: url(/img/newsfeed/status.gif)}
#dashboardPage #list-archive a.sel_event {background-image: url(/img/newsfeed/acts.gif)}
#dashboardPage #list-archive a.sel_blog {background-image: url(/img/newsfeed/blog.gif)}
#dashboardPage #list-archive a.sel_photos {background-image: url(/img/newsfeed/photo.gif)}
#dashboardPage #list-archive a.sel_share {background-image: url(/img/newsfeed/share.gif)}
#dashboardPage #list-archive a.sel_groups {background-image: url(/img/newsfeed/group.gif)}

/* clearfix Start */
.opi:after, .opi-content .headline:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.opi, .opi-content .headline {
    display:inline-block;
}
/* Hide from IE Mac */
.opi, .opi-content .headline {display:block;}
/* End hide from IE Mac */
/* clearfix End */


.opi.read {
    opacity: 0.3;
    filter: alpha(opacity=30);
}
.mini .opi.read {display:none;}

.opi-icon {
    float: left;
    font-size:1px;
    line-height: 1px;
    width: 16px;
    padding-top: 6px;
    padding: 13px 0;
}

.opi-content {
    float: right;
    width: 413px;
    border-bottom: 1px solid #EBEFF4;
    padding: 6px 0;
    word-break: break-all;
    word-wrap: break-word;
    padding: 13px 0;   
}


#replyDiv .opi-content {
    padding: 4px 0;
}

.opi-content .headline .title {
    display: inline;
    float: left;
    width: 580px;
}

.opi-content .headline .title .share-n-hide {
    float: right;
}
.opi-content .headline .title h2 {
    font-weight: normal;
    font-size: 12px;
    display: inline;
    color: #333;
    width: 411px;
}

.opi-content .headline .title h2 span.more{ float:right;}

.opi-content .headline .title h2 .date {
    font-size: 11px;
}
#dashboardPage .date {display:none}
.opi-content .headline .title .share {
    background: #FFF url(/img/share_tiny.gif) no-repeat right center;
    width:38px;
    padding:3px 2px 1px;
    font-size: 11px;
    line-height: 11px;
    font-family: MingLiu;
    display: block;
    border: 1px solid #7F93BC;
    color: #525C97;
    text-decoration: none;
    position:relative;
    top:-1px;
    right:2px;
}

.opi-content .headline .title .share:hover {
    background: #3B5888 url(/img/share_tiny_hover.gif) no-repeat right center;
    border:1px solid #3B5888;
    color: #FFF;
}

* html .opi-content .headline .title .share {
    padding: 3px 15px 0 4px;
    width: 24px;
}

*+html .opi-content .headline .title .share {
    padding: 3px 15px 0 4px;
    width: 24px;
}

.opi-content .headline .title .x-2-hide {
    background:transparent url(/img/x_to_hide.gif) no-repeat scroll center;
    width:14px;
    text-decoration: none;
    display: block;
    height: 14px;
}

.opi-content .headline .title .x-2-hide:hover {
    background:url(/img/x_to_hide_hover.gif) no-repeat scroll center;
}
.opi-content .headline .title .newsfeed-actions {
    float: right;
}
.opi-content .headline .title .settings {
    background: #fff url(/img/edit_pencil.gif) no-repeat 100% 0%;
    padding:0 15px 0 3px;
    height:15px;
    color:#b0bbd4;
    display: block;
    float:left;
    text-decoration:none;
    position:relative;
    top:-1px;
    visibility:hidden;
}
.opi-content .headline .title .hover .settings {
    background-color:#3b5888;
    background-position:100% 100%;
}
.opi-content .headline .title a.settings:hover {
    color:#fff;
    background-color:#3b5888;
    background-position:100% 100%;
}
*+html .opi-content .headline .title .settings {
    line-height:1.4em;
}
.dialog_body.status-reply .status-count {font-size:10px;color:#808080;}
.dialog_body.status-reply .status-count-full {color:red;font-size:10px;}
.dialog_body.status-reply textarea {width:417px;height:50px; }
td.pop_content .dialog_buttons.status-reply input.inputsubmit {margin:0 5px 0 2px;}


.opi .opi-content .mb-status {margin-bottom:-1px;}
.opi-blog .opi-content, .opi-club .opi-content, .opi-market .opi-content, .opi-movcmt .opi-content, .opi-share-link .opi-content {}
.opi-blog .opi-content h3, .opi-club .opi-content h3, .opi-market .opi-content h3, .opi-movcmt .opi-content h3, .opi-share-link .opi-content h3 {line-height: 1.5em;}

.opi-photo .opi-content {
}

.opi-avatar .opi-content {
}

.opi-share-p .opi-content {
}

.opi-share-img .opi-content {
}

.opi-tag-img .opi-content {
}

.opi-share-p .opi-content .feedbody {
    overflow: hidden;
    zoom: 1;
}

.opi-share-mkt .opi-content {
}

.opi-share-mov .opi-content {
}

.opi-share-p .opi-content .avatar-box {
    float: left;
    margin: 0 10px 6px 0;
}

*html .opi-share-p .opi-content .avatar-box {
    margin:0 10px 0 0;
}
*+html .opi-share-p .opi-content .avatar-box {
    margin:0 10px 0 0;
}


/*
.opi-avatar .opi-content .avatar-box {
    padding:2px 5px 0;
}
.opi-avatar .opi-content .avatar-box a {
    border:1px solid #ccc;
    float:left;
    padding:2px;
}
.opi-avatar .opi-content .avatar-box a:hover {
    border-color:#3B5888;
}
.opi-avatar .opi-content .avatar-box a span {
    display:block;
    width:50px;
    height:50px;
    background-repeat:no-repeat;
    background-position:center center;
}
*/

.opi-share-p .opi-content .feedbody p.quote {
    clear:both;
}

.opi-content .feedbody {
    padding-top: 4px;
    /*margin-bottom:5px;*/
    color: #808080;
}

.opi-blog .opi-content .feedbody .relative-user {
    margin-top:2px;
    color:#555;
}


.opi-photo .opi-content .feedbody .photo-box {
    overflow: hidden;
    zoom: 1;
    padding-bottom:8px;
}

.opi-photo .opi-content .feedbody .photo-box a {
    border: 1px solid #CCC;
    display: block;
    float: left;
    margin-right: 10px;
}

.opi-photo .opi-content .feedbody .photo-box a:hover {
    border: 1px solid #3B5888;
}

.opi-photo .opi-content .feedbody .photo-box img {
    padding: 3px;
}




.opi-share-blog .opi-content .feedbody {
    padding-top:0;
}
.opi-share-blog .opi-content .feedbody .quote {
    margin-top:6px;
}

.opi-share-img .opi-content .feedbody .photo-box a {
    border: 1px solid #CCC;
    display: block;
    float: left;
    margin: 0 10px 6px 0;
}
*html .opi-share-img .opi-content .feedbody .photo-box a {
    margin:0 10px 0 0;
}
*+html .opi-share-img .opi-content .feedbody .photo-box a {
    margin:0 10px 0 0;
}
.opi-share-img .opi-content .feedbody .photo-box a:hover {
    border: 1px solid #3B5888;
}

.opi-share-img .opi-content .feedbody .photo-box img {
    padding: 3px;
}
.opi-share-img .opi-content .feedbody p.quote {
    clear:both;
}

/*movie*/

.opi-tag-img .opi-content .feedbody .photo-box a {
    border: 1px solid #CCC;
    display: block;
    float: left;
    margin: 0 10px 6px 0;
}
*html .opi-tag-img .opi-content .feedbody .photo-box a {
    margin:0 10px 0 0;
}
*+html .opi-tag-img .opi-content .feedbody .photo-box a {
    margin:0 10px 0 0;
}
.opi-tag-img .opi-content .feedbody .photo-box a:hover {
    border: 1px solid #3B5888;
}
.opi-tag-img .opi-content .feedbody .photo-box img {
    padding: 3px;
}
.opi-tag-img .opi-content .feedbody h3 {
    line-height:1.5em;
    font-weight:normal;
}


.opi-share-mkt .opi-content .feedbody .photo-box a {
    border: 1px solid #CCC;
    display: block;
    float: left;
    margin: 0 10px 6px 0;
}
*html .opi-share-mkt .opi-content .feedbody .photo-box a {
    margin:0 10px 0 0;
}
*+html .opi-share-mkt .opi-content .feedbody .photo-box a {
    margin:0 10px 0 0;
}
.opi-share-mkt .opi-content .feedbody .photo-box a:hover {
    border: 1px solid #3B5888;
}
.opi-share-mkt .opi-content .feedbody .photo-box img {
    padding: 3px;
}
.opi-share-mkt .opi-content .feedbody p.quote {
    clear:both;
}


.opi-share-mov .opi-content .feedbody .photo-box a {
    border: 1px solid #CCC;
    display: block;
    float: left;
    margin: 0 10px 10px 0;
}
*html .opi-share-mov .opi-content .feedbody .photo-box a {
    margin:0 10px 0 0;
}
*+html .opi-share-mov .opi-content .feedbody .photo-box a {
    margin:0 10px 0 0;
}
.opi-share-mov .opi-content .feedbody .photo-box a:hover {
    border: 1px solid #3B5888;
}
.opi-share-mov .opi-content .feedbody .photo-box img {
    padding: 3px;
    max-width:50px;
}
*html .opi-share-mov .opi-content .feedbody .photo-box img {width:expression((this.width < 50) ? "auto" : "50px");}
.opi-share-mov .opi-content .feedbody p.quote {
    /*clear:both;*/
    /*float:left;*/
    margin-top:0.2em;
    margin-left:70px;
}
.opi-share-mov .opi-content h3 {
    line-height:1.5em;
}









.opi-gift .opi-content .feedbody {
    padding: 10px;
}

.opi-gift .opi-content .feedbody .opi-comment {
    float: left;
    width: 22em;
}
.opi-free-gift .opi-content .feedbody {
    padding: 10px;
}
.opi-free-gift .opi-content .gift-new-title h2{
    margin-top:5px;
    font-size:12px;
    font-weight:normal;
    color: #333;
}
.opi-free-gift .opi-content .feedbody .opi-comment {
    float: left;
    width: 22em;
}

.opi-market .opi-content .feedbody .photo-box a {
    border: 1px solid #CCC;
    display: block;
    float: left;
    margin: 0 10px 6px 0;
}
*html .opi-market .opi-content .feedbody .photo-box a {
    margin:0 10px 0 0;
}
*+html .opi-market .opi-content .feedbody .photo-box a {
    margin:0 10px 0 0;
}
.opi-market .opi-content .feedbody .photo-box a:hover {
    border: 1px solid #3B5888;
}

.opi-market .opi-content .feedbody .photo-box img {
    padding: 3px;
}

.opi-market .opi-content .feedbody p.quote {
    clear:both;
}

.opi-guide-add .feedbody {
    padding: 5px 0;
}

.opi-guide-add .feedbody .personIconList td {
    padding: 5px 5px 5px 0;
}

.opi-guide-add .feedbody .personIconList td .personAdd {
    width: 70px;
}

.opi-guide-add .feedbody .personIconList td .personAdd strong a {
    padding-top: 1.0em;
}

.opi-guide-add .feedbody .personIconList td .personAdd a {
    display: block;
}

.opi-guide-add .feedbody .remindofinfo{ background-color:#FEFFCF; border-bottom:1px #E2C822 solid; padding:10px; margin-top:10px;}

.opi-replies .quote {margin:0.5em 0 0.5em 1.0em;}

.opi-content .feedbody h3 {
    font-size: 12px;
    color: #333;
}

.opi-content p {
    line-height: 1.5em;
}

.opi-comment {
    padding-left: 18px;
    background: url(/img/quote_start.gif) no-repeat 0 0;
}

.opi-comment p {
    color: #808080;
    padding-right: 18px;
    background: url(/img/quote_end.gif) no-repeat 100% 100%;
    display: inline;
    zoom: 1;
}

.opi-more {
    margin-top:15px;
    clear: both;
}

.opi-more a {
    color: #808080;
}

.opi-more .more {
    float: right;
}

.opi-more .more a {
    color: #3B5888;
}

.newsfeed-list .x-2-hide {
    display: none !important;
}

.newsfeed-list .cube {
    padding-bottom: 0;
}

.newsfeed-list .pager-bottom {
    border-top: none;
}

.newsfeed-list .opi-content .headline .title .status-reply {
    border:0;
    margin:0;
    padding:0;
}

.newsfeed-empty {
    text-align:center;
    color:#808080;
    padding: 1.0em 0;
    font-size: 1.2em;
    line-height: 1.5em;
}

#dashboardPage #oak{ margin-top:15px;}
#dashboardPage #oak.white-gray {background: url(/img/dashboard_bg.gif) repeat-y right top;}
.stat, .time, .date, .count { color:#808080; font-size:12px; font-weight:normal;}

.attention { text-align:left;position:relative;border:none;padding:8px;border-bottom:1px solid #EBAE7F;background:#FEFFCF;}
.attention strong { color:#dd3c10;}
.attention h3 {font-size:1.2em; border-bottom:1px solid #D8DFEA;color:#C30;}
.attention .closetips {position:relative;float:right;font-size:12px;font-weight:normal;}

.attention1{ margin:10px; margin-top:0; padding:10px; border:1px solid; text-align:center; line-height:20px; border-color:#ffe222; background:#fffbe2;}

/* Left : class */
.tip { background:#fff;}
.tip .note { *zoom:1; padding:0 0 17px; background:url(/img/style_tip.gif) 0 100% no-repeat;}
.tip .note h4 { padding:5px 10px 0; color:#d85d01; background:#feffcf; font-weight:bold;}
.tip .note p { padding:0 10px 5px; background:#feffcf;}
.tip form p { margin:5px 0;}
.tip form label { color:#808080; font-weight:bold; line-height:22px;}
.tip form #highSchool { margin-left:70px;}
.tip form p.actions { margin:5px 10px 0 70px; padding:0;}

/* Left : feeds */
.waiting { text-align:center;}
.rapidlist { width:100%; color:#333; table-layout:fixed;}
.rapidlist td { height:18px; padding:2px 0 0; border-top:1px solid #eee; background:#fff; line-height:18px;}
.rapidlist td p { overflow:hidden;/* white-space:nowrap;*/}
.rapidlist .location { width:8em; padding:0 5px; text-align:right;}
.rapidlist .name { width:120px;}
.rapidlist .meta { width:4em; text-align:right;}
.rapidlist .read td, .rapidlist .read td a { color:#808080;}
.rapidlist .time { font-size:11px; margin-left:5px; float:right;}
.rapidlist .remove { float:right; width:7px; height:7px; margin:6px 0 0; background:url(/img/icon_remove.gif) 0 0 no-repeat; text-indent:-999em; font-size:0; line-height:0; overflow:hidden;}
.rapidlist .remove:hover { background-position:0 100%;}

/* Left : blogList */
.blogList th { height:24px; border-top:1px solid #d8dfea; background:#f8f9fc; color:#3B5888; font-size:12px; line-height:24px;}
.blogList td { height:20px; padding:0 5px; background:#fff; line-height:20px;}
.blogList .blogTitle { padding:0 0.5em; border-bottom:1px solid #d8dfea; border-right:1px solid #d8dfea;}
.blogList .blogAuthor { width:6em; padding:0 5px; border-bottom:1px solid #d8dfea; border-right:1px solid #d8dfea; text-align:center;}
.blogList .blogTime { width:110px; border-bottom:1px solid #d8dfea; text-align:center;}
.blogList .blogTitleText { overflow:hidden; width:25em; white-space:nowrap;}
.blogList .blogAuthorText { width:6em; overflow:hidden; white-space:nowrap;}

/* Right : requests */
#requests a .count { padding:0 3px; color:#3B5888; font-weight:bold;}

/* Right : pokes */
#pokes ol { text-align:right;}
#pokes li { clear:both; padding-bottom:5px;}
#pokes .pokeName { width:4em; overflow:hidden; white-space:nowrap;}
#pokes .pokeTime { width:3em;}

#pokes .poke { position:relative; border-bottom:1px solid #ddd;}
* html #pokes .poke { height:1%;}
*+html #pokes .poke { min-height:1%;}
#pokes .poke .title { display:block;}
#pokes .poke .action { position:absolute; right:0; bottom:0;}

#pokes ol { text-align:left;}
#pokes .title { display:block;}

#dashNotice {
    background:#F2F4F7;
    border-bottom: 1px solid #D8DFEA;
    padding: 10px 15px;
    margin-bottom: 5px;
}

*html #dashNotice{zoom:1;}

#dashNoticenew {
    background:#fff;
    border: 1px solid #D8DFEA;
    padding: 10px 15px;
    margin-bottom: 5px;
}

#dashNoticeyellow{
    background:#FEFFCF;
    border-bottom: 1px solid #ccc;
    padding: 10px 15px;
    margin-bottom:5px;
}

*html #dashNoticeyellow{zoom:1;}

#dashNotice p,#dashNoticenew p,#dashNoticeyellow p {
    line-height: 1.5em;
}

#dashNotice h3,#dashNoticenew h3,#dashNoticeyellow h3 {
    border-bottom: 1px solid #D8DFEA;
    color: #C30;
    font-size: 1.2em;
    line-height: 1.5em;
    margin-bottom: 0.5em;
}

#dashNoticeyellow h3{border-bottom: 0;}

#dashNotice h3 span,#dashNoticenew h3 span,#dashNoticeyellow span {
    float: right;
    font-size: 12px;
}

#dashNotice.dashForm {
    padding: 10px;
}

#dashNotice.dashForm h3 {
    background: #FEFFCF;
    border: none;
    margin: 0;
    padding: 10px 10px 0;
}

#dashNotice.dashForm p {
    background: #FEFFCF;
    padding: 0 10px 10px;
}

#dashNotice.dashForm form {
    background: url(/img/dash_form_bg.gif) no-repeat 0 0;
    padding-top: 15px;
}

#dashNotice.dashForm form p {
    background: none;
    padding: 0;
}

#dashNotice.dashForm form p.close {
    text-align: right;
    padding-top: 10px;
}

#dashNotice.dashForm label {
    color: #808080;
    font-weight: bold;
    padding-left: 2.0em;
}

#dashNotice.dashForm .newbee-search {
    padding-left: 3.0em;
    margin: 1.0em 0 0 2.0em;
    background: url(/img/newbee_search.gif) no-repeat;
}

#dashNotice.dashForm .newbee-info {
    padding-left: 3.0em;
    margin: 1.0em 0 0 2.0em;
    background: url(/img/newbee_info.gif) no-repeat;
}
#dashNotice.dashForm .newbee-alumni {
    padding-left: 3.0em;
    margin: 1.0em 0 0 2.0em;
    background: url(/img/newbee_alumni.gif) no-repeat;
}
#dashNotice.dashForm.tinyheight {
    position:relative;
}
#dashNotice.dashForm.tinyheight h3 {
    padding:6px 6px 0;
}
#dashNotice.dashForm.tinyheight p {
    padding:0 6px 6px;
}
#dashNotice.dashForm.tinyheight .newbee-search {
    margin:0.6em 0pt 0pt 2em;
    padding-left:3em;
}
#dashNotice.dashForm.tinyheight .newbee-info {
    margin:0.5em 0pt 0pt 2em;
    padding-left:3em;
}

#dashNotice.dashForm.tinyheight .newbee-alumni {
    margin:0.5em 0pt 0pt 2em;
    padding-left:3em;
}

#dashNotice.dashForm.tinyheight form p.close {
    padding:0;
    margin-top:-1em;
}

/* Right : birthdays */
#dashBirth dl { clear:both;}
#dashBirth dt { clear:both; float:left; width:40px; color:#808080;}
#dashBirth dd { height:20px; margin-left:40px; text-align:right; line-height:20px;}
#dashBirth .user { float:left; width:8em; text-align:left;}

#birthdaylist { padding:20px;}
#birthdaylist dt { color:#3B5888; font-size:14px; font-weight:bold;}
#birthdaylist dd { padding:0 10px;}

/* Right : mystatus */
#mystatus {text-align:left;}
#mystatus .boxcont {padding-right:0 !important;}
#mystatus #statuscontent .avatar {width:56px;}
#mystatus #statuscontent .avatar img {width:50px;float:left}
#mystatus #statuscontent .status-body {margin-left:6px;width:109px;float:left;line-height:1.2em;}
#mystatus #statuscontent .status-edit {color:#808080;line-height:2.0em;}
#mystatus #statuscontent .status-browse {border-top:1px solid #D8DFEA;margin-top:5px;line-height:1.9em;}
#mystatus #statusEdit textarea {height:6.0em;width:13.0em;}
#mystatus #statusEdit .status-edit {text-align:right;padding-right:5px;}
#mystatus #statusEdit .status-count {float:left;font-size:10px;}
#mystatus #statusEdit .status-count-full {float:left;font-size:10px;color:red;}
#mystatus .status-mbtips {clear:both; background:url(/img/mobile-intro/tinymobile.gif) no-repeat 0 50%;padding-left:20px;margin-top:3px;}
#mystatus #statusEdit {margin-bottom:0;}

/* Right : tiplist */
#tiplist, .stdcontainer .feedlist { margin:10px 0; padding:10px; border:1px solid #d8dfea; background:#fff; line-height:24px;}
#tiplist ul { padding-left:20px;}

/* added on March 30, 2007 */
.tip h3#findmates { border:0; font-size:14px;}
#myicon .image { float:left; margin-right:10px;}
#myicon .image img { width:50px; max-height:75px;}
#moreoptions { list-style:none; padding:5px 0; border-top:1px solid #d8dfea; border-bottom:1px solid #d8dfea;}
#moreoptions:after { content:"."; display:block; font-size:0; clear:both; visibility:hidden;}
#moreoptions { *zoom:1;}
#moreoptions li { float:left; width:190px; line-height:24px;}
#moreoptions .count { color:#808080;}
#moremates { padding-top:8px;}
#moremates h3 { border:0;}
#moremates .more { top:10px;}

#dashInvite .boxcont a, .mobile-notice .boxcont a {
    display: block;
    background: url(/img/invite_ico.gif) no-repeat 8px 50%;
    padding: 5px 0 0 50px;
    height: 40px;
    line-height: 1.3em;
}
.mobile-notice .boxcont a {
  background: url(/img/mobile-guidehs.jpg) no-repeat 2px 50%;
}

#dashfindfriend .boxcont a {
    display:block;
    background: url(/img/newsfeed/findfriend_big.gif) 0px 5px no-repeat;
    padding:5px 0 5px 40px;
    text-decoration: none;
    line-height:32px;
    height:32px;
    color: #333;
}
#dashfindfriend .boxcont a span{color: #3B5888;}
#dashfindfriend .boxcont a:hover span{text-decoration: underline;}

#activity p{ line-height:1.3em;}

#chipin .boxcont a{
    display:block;
    background: url(/img/newsfeed/chipin.gif) 5px 5px no-repeat;
    padding:5px 0 5px 40px;
    text-decoration: none;
    line-height:25px;
    height:25px;
    color: #333;}
#chipin .boxcont a span{color: #3B5888;}
#chipin .boxcont a:hover span{text-decoration: underline;}

#dashfindact .boxcont a {
    display:block;
    background: url(/img/love.gif) left center no-repeat;
    padding: 5px 0 0 20px;
    text-decoration: none;
    line-height:1.5em;
    height:1.5em;
    color: #333;
}
#dashfindact .boxcont{ margin-left:10px;}
#dashfindact .boxcont a span{color: #3B5888;}
#dashfindact .boxcont a:hover span{text-decoration: underline;}



#dashIm .boxcont a {
    display: block;
    background: url(/img/im_oly.png) no-repeat 8px 45%;
    padding: 5px 0 0 50px;
    height: 40px;
    line-height: 1.3em;
    text-decoration: none;
    color: #333;
}

#dashIm .boxcont a span {
    display: block;
    color: #3B5888;
}

#dashIm .boxcont a:hover span {
    text-decoration: underline;
}

#dashboardPage .gift-outer,#dashboardPage .newdd-outer, #dashboardPage .mkt-outer {
    width: 64px;
    height: 64px;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}

.newdd-inner,.gift-inner,.mkt-inner {
    background-repeat:no-repeat;
    height:64px;
    width:64px;
}

.mkt-inner { overflow:hidden; border:0; }
.mkt-inner img{min-width:64px; min-height:64px;}

.newdd-discription,.gift-discription,.mkt-discription {
    float: left;
    line-height: 1.2em;
    width: 86px;
    overflow: hidden;
    height: 70px;
}
.newdd-discription.heighter{ height:90px;}


.mkt-discription p a{ height:45px; display:block; overflow:hidden;}
*html .mkt-discription p a{ height:43px; display:block; overflow:hidden;}

.newdd-discription span,.gift-discription span,.mkt-discription span {
    color: #808080;
}

.newdd-discription p,.gift-discription p,.mkt-discription p {
    padding-bottom: 0.4em;
}

.newdd-actions , .gift-actions,.mkt-actions {
    clear: both;
    margin-top: 5px;
    border-top: 1px solid #E9E9E9;
}

#dashNew h4 {
    padding-bottom: 5px;
    font-weight: normal;
}

#dashNew .new-stuff img {
    float: left;
    width: 64px;
}

#dashNew .new-stuff p {
    float: left;
    width: 85px;
    line-height: 1.3em;
    padding-left: 10px;
}

#dashMovie .mov-pics {
    float:left;
    margin-right:6px;
}
#dashMovie .mov-pics img {
    width:50px;
    border:1px solid #ccc;
}
#dashMovie .mov-intro {
    float:left;
    width:104px;
}
#dashMovie .mov-intro h4 {
    line-height:1.2em;
    padding:1px 0 4px;
}
#dashMovie .mov-intro h5 {
    border-top:1px solid #ccc;
    font-weight:normal;
    line-height:1.3em;
    padding:4px 0;
}
#dashMovie .mov-intro span {
    font-size:11px;
    color:#808080;
    font-weight:normal;
    display:block;
}
#dashMovie .mov-intro h5 span span {
    font-family:mingliu;
    display:inline;
}

#dashPoll .boxcont {
    background: url(/img/poll.gif) 5px no-repeat;;
    padding-left: 45px !important;
    line-height: 33px !important;
    height:34px !important;
}

#dashPeopleUMayKnow .boxcont {margin-top:10px}
#dashPeopleUMayKnow .pukonw-holder { margin-bottom:5px; }
#dashPeopleUMayKnow .pukonw-holder img {float:left}
#dashPeopleUMayKnow .pukonw-holder p {color:#666;float:left;line-height:1.4em;margin-left:8px;width:90px;}
#dashPeopleUMayKnow .pukonw-holder p strong {display:block;}
#dashPeopleUMayKnow .pukonw-holder a.close{ display:block; float:right; width:14px; height:14px; background:url(/img/x_to_hide.gif) center no-repeat;}
#dashPeopleUMayKnow .pukonw-holder a.close:hover{ background:url(/img/x_to_hide_hover.gif) center no-repeat;}

* html .transparent-png {display:none}




.dashForm {
    background:#F2F4F7;
    border-bottom: 1px solid #DEDDE3;
    padding: 10px;
    margin-bottom: 10px;
}

.dashForm .attention {
    border-bottom: 0;
    margin: 0;
}

.dashForm .attention h3 {border:0;margin: 0;}

.dashForm .dashFormContent {
    background: url(/img/dash_form_bg.gif) no-repeat 0 0;
    padding-top: 15px;
}

.dashForm .dashFormContent .inputfile {
    margin-right:1.0em;
    border:1px solid #98A8C2;
}

.group-feed .opi-icon .icon img {width: 25px;}
.group-feed .opi-content {width: 400px;}
.group-feed .opi-content .title {width: 398px;}
.group-feed .opi-content .title h2 {width: 398px;}

.form-invite .cube {
    border: 1px solid #CCC;
    margin-top: 2.0em;
}

.form-invite legend {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 0.5em;
    color: #333;
}

.form-invite legend.icon {
    background: url(/img/hotmail_logo.gif) no-repeat 100% 50%;
    padding-right: 4.5em;
}

* html .form-invite legend {margin-left: -0.5em;}
*+html .form-invite legend {margin-left: -0.5em;}

.form-invite p {
    padding: 5px 0;
    overflow:hidden;
    zoom: 0;
    line-height: 18px;
}

.form-invite label {
    float: left;
    color: #777;
    font-weight: bold;
    text-align: left;
    width: 8.0em;
    height: 21px;
    line-height: 21px;
}

.form-invite label.empty {color:#FFF !important;}

.form-invite .inputtext {
    width: 10.0em;
}

.form-invite .inputtext.w15em{ width:15em;}

.form-invite #inviteurl {
    width: 25.4em;
    margin-right: 1.0em;
}

.form-invite strong {
    background: #EDF1F7;
    border: 1px solid #CCCCFF;
    padding: 10px 10px;
    display: block;
    line-height: 1.25em;
    font-weight: normal;
}


.opi_market .opi-content .feedbody .photo-box{
    overflow: hidden; float:left; border:1px #ccc solid; margin-right:5px; margin-top:5px; margin-bottom:5px;}

.opi_market .opi-content .feedbody .photo-box a {
    margin:2px;
    display: block;
}

.opi_market .opi-content .feedbody .photo-box img {
    max-width:75px;
}

*html .opi_market .opi-content .feedbody .photo-box img {width:expression((this.width < 75) ? "auto" : "75px");}

.opi_market .opi-content .feedbody p.havepic{ width:290px;  float:left; }



.opi-movcmt .opi-content .feedbody .photo-box a {
    border: 1px solid #CCC;
    display: block;
    float: left;
    margin: 0 10px 6px 0;
}
*html .opi-movcmt .opi-content .feedbody .photo-box a {
    margin:0 10px 0 0;
}
*+html .opi-movcmt .opi-content .feedbody .photo-box a {
    margin:0 10px 0 0;
}
.opi-movcmt .opi-content .feedbody .photo-box a:hover {
    border: 1px solid #3B5888;
}
.opi-movcmt .opi-content .feedbody .photo-box img {
    padding: 3px;
    max-width:75px;
}
*html .opi-movcmt .opi-content .feedbody .photo-box img {width:expression((this.width < 75) ? "auto" : "75px");}
.opi-movcmt .opi-content .feedbody p.quote {
    clear:both;
}

.movie-rate {
    display:-moz-inline-stack;
    display:inline-block;
    width:50px;
    height:14px;
    background:url(/img/rate-stars.gif) 0 0 no-repeat;
    font-size:0;
    text-indent:-999em;
    vertical-align:top;
    overflow:hidden;
    *text-indent:0;
}
*+html .movie-rate {
    margin:-1px 0 2px;
}
.rate-star1 {   background-position:0 -55px; }
.rate-star2 { background-position:0 -41px; }
.rate-star3 {   background-position:0 -27px; }
.rate-star4 {   background-position:0 -13px; }
.rate-star5 {   background-position:0 0;}


/* share music and video */
.opi-share-link .opi-content .feedbody .music-bar {
    padding:6px 0 0;
}
.opi-share-link .opi-content .feedbody .music-info {
    margin-bottom:8px;
}
.opi-share-link .opi-content .feedbody .music-info strong {
    color:#808080;
    font-weight:normal;
    padding-right:6px;
}
.opi-share-link .opi-content .feedbody .music-info a {
    font-weight:bold;
}
.opi-share-link .opi-content .feedbody .video-pic {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    position:relative;
    background-position:center center;
    background-repeat:no-repeat;
}
*html .opi-share-link .opi-content .feedbody .video-pic {
    margin:0 10px 0 0;
}
*+html .opi-share-link .opi-content .feedbody .video-pic {
    margin:0 10px 0 0;
}
.opi-share-link .opi-content .feedbody .video-pic .thumb {
    width: 120px;
    height:90px;
    cursor:pointer;
}

.opi-share-link .opi-content .feedbody .playbtn {
    cursor:pointer;
}
.opi-share-link .opi-content .feedbody .video-pic .playbtn {
    top:30px;
    left:42px;
    position:absolute;
}

*html .opi-share-link .opi-content .feedbody .video-pic .transparent-png {
    display:none;
}
*html .opi-share-link .opi-content .feedbody .video-pic .playbtn {
    width:38px;
    height:28px;
}
.opi-share-link .opi-content .feedbody p.quote {
    clear:both;
}

/* temp-guide of share */
.temp-guide {
    margin-bottom:-6px;
    margin-top:1em;
    border-left:5px solid #fde045;
}
#spacePage .temp-guide {
    margin-bottom:-0.5em;
    margin-left:-7px;
}
.temp-guide a {
    padding:1px 6px;
    display:block;
    color:#666;
    background:#fff9d7;
}
.temp-guide a:hover {
    background:#fff6c6;
    text-decoration:none;
    color:#333;
}
*+html .temp-guide a {
    padding:1px 6px 0;
}

form#joinWorkNetworkForm{}
form#joinWorkNetworkForm h2{ background:url(/img/newsfeed/team.gif) left no-repeat; line-height:20px; height:20px; padding-left:20px;}
form#joinWorkNetworkForm p.alttext{ margin-left:20px; margin:10px 0; margin-left:20px;}
form#joinWorkNetworkForm p.inputemailbox{ margin-left:20px;}


#dashNoticeyellow.atindex{ margin-bottom:20px; border-bottom:0 !important;}


/*online friends*/
#onlinefriend{ padding:3px 0; border-top:1px #ccc solid;}
#onlinefriend a.extend{ height:1.8em; line-height:1.8em; padding-right:13px; background:url(/img/act_collapse.gif) right -22px no-repeat;}
#onlinefriend a.collapse{ height:1.8em; line-height:1.8em; padding-right:13px; background:url(/img/act_collapse.gif) right -2px no-repeat;}

#onlinefriend #onlinefriendlist{ height:160px; border:1px #ccc solid; overflow-x:hidden; overflow-y:scroll;}

#onlinefriend #onlinefriendlist li{border-bottom:1px #eee solid;}
#onlinefriend #onlinefriendlist li a{ color:#333; padding-left:17px; background:#fff url(/img/onlineico.gif) 5px 50% no-repeat; display:block; height:23px; line-height:23px; }
#onlinefriend #onlinefriendlist li a:hover{ background-color:#D8DFEA; color:#333; text-decoration:none;}

/*for getuser_privacy page*/
.yellowbox_morepadding{ background-color:#feffcf; border:1px #ccc solid; padding:20px; margin-bottom:20px;}
*html .yellowbox_morepadding{ padding-top:10px;}
*+html .yellowbox_morepadding{ padding-top:10px;}
.yellowbox_morepadding p.bigger{ font-size:15px;}
.yellowbox_morepadding p.btn_center{ text-align:center; margin-top:10px;}

.box h3.allphoto{ background:#fff url(/img/newsfeed/photo.gif) center left no-repeat; padding-left:22px; border:none;}
.box h3.allfriends{ background:#fff url(/img/newsfeed/friends.gif) center left no-repeat; padding-left:22px; border:none;}
.box h3.allmsg{ background:#fff url(/img/newsfeed/wall_post.gif) center left no-repeat; padding-left:22px; border:none;}
.box h3.allblog{ background:#fff url(/img/newsfeed/blog.gif) center left no-repeat; padding-left:22px; border:none;}
.box h3.allgroup{ background:#fff url(/img/newsfeed/group.gif) center left no-repeat; padding-left:22px; border:none;}
.box h3 .blue{ color:#3b5888;}

.box h2 span.gray{ color:#808080; background:none;}

#reg_contentbox.lessmargin{ margin:10px 0; padding-bottom:0px;}
#reg_contentbox.yellowbox_morepadding{ padding:15px 25px 0 25px !important; zoom:1;}
#reg_contentbox.yellowbox_morepadding h1,
#reg_contentbox .bluebg_lesspadding h1{ font-size:15px; margin-bottom:5px;}

#reg_contentbox.yellowbox_morepadding .expbox,
#reg_contentbox .bluebg_lesspadding .expbox{ margin-bottom:15px;}
#reg_contentbox .leftcon.moremargin{ float:right !important; margin-top:0 !important; }
#reg_contentbox .leftcon ul.moremarginleft{ margin-left:20px; padding:0;}

#reg_contentbox .bluebg_lesspadding{ zoom:1; padding:15px!important; border:1px #ccc solid; background-color:#dfe4ee!important;}
*html #reg_contentbox .bluebg_lesspadding.resetpadding{ padding:15px; padding-bottom:0!important;}
*+html #reg_contentbox .bluebg_lesspadding.resetpadding{ padding:15px; padding-bottom:0!important;}


#reg_contentbox .rightcon.noborder{ margin-bottom:10px; padding:0 !important; border:0 !important; background:none !important; width:355px;}
.box.margin10px{ margin:5px 0 10px;}
a.registbtn.invitebtn{ text-align:center; font-weight:bold; color:#fff; padding-top:5px; height:20px !important; width:117px !important; background:transparent url(/img/invitebtnbg.jpg) no-repeat scroll center !important;}
a.registbtn.invitebtn:hover{ color:#fff; text-decoration:none;}

#reg_contentbox .leftcon.borderleft{ float:right !important; margin:0 !important; width:auto !important; padding-left:20px; height:312px; border-left:1px #ccc solid;}
*+html #reg_contentbox .leftcon.borderleft{ width:210px !important;}

#reg_contentbox .mb0{ margin-bottom:0!important;}
#reg_contentbox .pb0{ padding-bottom:0!important;}

/*for choosealbum.do alttext useWap uploadPIC*/
.alt_usewap{padding:10px 0; text-align:center; margin:0 20px;border-top:1px solid #D8DFEA}

.opi-flyer {
    background-color:#f7f7f7;
    margin:-1px -7px 0 -7px;
    padding-left:7px;
    padding-top:3px;
    border-top:solid 1px #ebebeb;
    border-bottom:solid 1px #ebebeb;
}
.opi-flyer .flyer-anchor {
    color:#333;
}
.opi-flyer .flyer-anchor:hover {
    color:#333;
    text-decoration:none;
}
.opi-flyer .opi-content {
    padding-bottom: 1.0em;
    width:420px;
    border:0;
}
.opi-flyer .opi-content .headline h2 a{
    color:#333;
    font-weight:bold;
}
.opi-flyer .opi-content .feedbody {
    color:#333;
    padding:10px 10px 0 0;
}
.opi-flyer .opi-content .headline .flyer-sponsored-sign {
    color:#bcbcbc;
    font-size:11px;
    font-family:mingliu;
    padding-right:7px;
    float:right;
    display:none;
}
.opi-flyer .opi-content .feedbody .flyer-ad-img {
    float:right;
    padding:3px 0 0 7px;
}
















/*
.opi-apps .opi-content {
    padding-bottom: 1.0em;
}
*/
.opi-apps .opi-content .feedbody .photo-box a {
    display: block;
    float: left;
    margin: 0 2px 4px 0;
}
*html .opi-apps .opi-content .feedbody .photo-box a {
    margin:0 2px 0 0;
}
*+html .opi-apps .opi-content .feedbody .photo-box a {
    margin:0 2px 0 0;
}
.opi-apps .opi-content .feedbody .photo-box img {
    padding:4px;
}
.opi-apps .opi-content .feedbody .text-box {
    color:#333;
}
.opi-apps .opi-content .feedbody .text-box.no-float {
    padding-top:3px;
    clear:both;
}



*html .opi-acts .opi-content {
    padding-bottom: 1.0em;
}
*+html .opi-acts .opi-content {
    padding-bottom: 1.0em;
}
.opi-apps .opi-content .feedbody .app-icon {
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    width: 75px;
    height: 75px;
}
.opi-apps .opi-content .feedbody .app-info{
  width: 335px;
  float: left;
}
.opi-apps .opi-content .feedbody .quote {margin-top:5px;}
.opi-apps .opi-content .feedbody p.app-link {margin-top:5px;padding-left: 18px;}
.opi-acts .opi-content .feedbody .photo-box a {
    border: 1px solid #ccc;
    display: block;
    float: left;
    margin: 0 10px 6px 0;
}
*html .opi-acts .opi-content .feedbody .photo-box a {
    margin:0 10px 0 0;
}
*+html .opi-acts .opi-content .feedbody .photo-box a {
    margin:0 10px 0 0;
}
.opi-acts .opi-content .feedbody .photo-box a:hover {
    border: 1px solid #3B5888;
}
.opi-acts .opi-content .feedbody .photo-box img {
    padding: 3px;
}
.opi-acts .opi-content .feedbody h3 {
    margin-bottom:5px;
}
.opi-acts .opi-content .feedbody p {
    margin-left:118px;
}
.opi-acts .opi-content .feedbody p span {
    color:#808080;
}

.opi-share-acts .opi-content .feedbody p.quote {
    clear:both;
}

.opi-content .feedbody .feeddescription{ margin-top:6px;}
.opi-multi .opi-content .feedbody .quote{ margin-top:6px;}


.feed-menu {
    top:90px;
    right:217px;
    overflow:visible;
    position:absolute;
    width:130px;
    z-index:2000;
    display:none;
}
.fm-header-holder {
    position:relative;
}
.fm-header {
    border:1px solid #555;
    overflow:hidden;
    height:1%;
}
.fm-mask {
    float:right;
    border:2px solid #fff;
    height:15px;
    width:15px;
}
.fm-title {
    float:left;
    background:#fff;
    width:93px;
    padding:2px 12px 2px 4px;
    color:#666;
}
*+html .fm-title {
    padding:3px 12px 1px 4px;
}
.fm-content-holder {
    position:relative;
    margin-top:-1px;
}
.fm-content {
    background:#eee;
    border:1px solid #555;
    border-top:0;
    width:109px;
}
.fm-options {
    padding:3px 0;
}
.fm-options a {
    background:#eee;
    display:block;
    overflow:hidden;
    padding:2px 4px;
}
*+html .fm-options a {
    padding:3px 4px 1px;
}
.fm-options a:hover {
    background:#899bc1;
    color:#fff;
    text-decoration:none;
}



/*for indexstatus*/
.indexriband{ clear:both; padding-top:10px;}

/*for Inviteregister*/
#userRelations .friendinfobox{ margin:10px 0;}
#userRelations td{ text-align:left; height:18px; line-height:18px;}
#userRelations td.itemname{ width:60px; text-align:right; color:#808080;}

/*for AlumniRegPage*/
#spacePage #content.alumniregpage{ background:none; padding:15px 20px;}
#spacePage #content.alumniregpage .flashmap_pagetitle{ margin-top:-20px; margin-left:-20px; margin-right:-20px; margin-bottom:15px;}
#content.alumniregpage h3.s1{ border-top:1px solid #768bac; color:#3b5888; padding:3px; margin-bottom:10px; background-color:#d8dfea;}
#content.alumniregpage .iconlist td{ padding:5px; text-align:center;}
#content.alumniregpage .iconlist td span{ display:block; margin-top:3px;}
*html #spacePage #content.alumniregpage .flashmap_pagetitle{ margin-top:-30px;}
*+html #spacePage #content.alumniregpage .flashmap_pagetitle{ margin-top:-30px;}

/*for indexNote FillinInfo*/
#content .p10{ padding:10px;}

#info .note_fillinfo h3{ margin-bottom:0;}
#info .note_fillinfo .inputtext.w150px{ width:150px;}
#info .note_fillinfo .alttext{ margin-bottom:10px;}
#info .note_fillinfo label{ width:50px; font-weight:bold; color:#666;}
#info .note_fillinfo .btngroup{ margin-left:42px;}
*+html #info .note_fillinfo .btngroup{ margin-left:45px;}
#info .note_fillinfo p{ margin-bottom:5px;}

/*for baiduSearching Page*/
.box.borderbottom{ border-bottom:1px solid #d8dfea; padding-bottom:10px; margin-bottom:15px;}
*html .box.borderbottom{ margin-bottom:5px;}
*+html .box.borderbottom{ margin-bottom:5px;}

#reg_contentbox h1{ font-size:15px; margin-bottom:5px;}
#reg_contentbox .baidusearchreg{ padding:20px 25px; width:320px;}
#reg_contentbox .baidusearchreg .expbox{ margin-bottom:15px;}
#reg_contentbox .baidusearchreg .noborder{ width:auto;}
#reg_contentbox .baidusearchreg.bluebg{ background-color:#DFE4EE; border:1px solid #ccc;}

#userRelations .friendsinfo{ padding:10px; background-color:#f7f7f7; border-bottom:1px solid #ccc;}
*html #userRelations .friendsinfo{ margin-top:-2px;}
*+html #userRelations .friendsinfo{ margin-top:-2px;}

#userRelations .friendsinfo h1{ font-size:15px; margin-bottom:5px;}
#userRelations .friendsinfo h1 span{ font-size:12px; font-weight:normal;}

#userRelations .suggestivereg{ padding-left:5px;}
#userRelations .suggestivereg ul{ margin-top:5px;}
#userRelations .suggestivereg li{ margin-left:70px; line-height:18px;}

#userUpdates.w400{ width:400px;}

/*==== StatusCommentbox_Module_Module =======================================*/

.statuscommentbox{ font-size:12px; background:#f7f7f7; border-left:2px #d8dfea solid; padding:5px 8px; margin:5px 0;}
.statuscommentbox li{ padding:5px 0!important; border-bottom:0!important;}
.statuscommentbox .timeandrep{ color:#808080; width:100px; font-size:11px; margin-right:5px;}
.statuscommentbox span.delbox{ display:-moz-inline-stack; font-size:0; overflow:hidden; vertical-align:top; height:14px;}
.statuscommentbox .postcomment { margin:10px 0 5px;}
.statuscommentbox .postcomment .postfooter .btngroup{ width:150px; text-align:right;}
.statuscommentbox .postcomment .postfooter .btngroup{ margin-top:5px;}
.statuscommentbox .postcomment .postfooter .textcount{ font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.statuscommentbox .postcomment .postfooter .howusemobile{ font-size:12px; padding-left:20px; background:url(/img/mobile-intro/tinymobile.gif) left no-repeat;}
.w99percent50{ width:99%; height:50px;}

/*==== StatusCommentbox_Module END=======================================*/


/*==== for grad =========================================================*/

#dashNotice .emphasizestyle1{ width:445px; height:47px; margin-bottom:10px; background:#F2F4F7 url(/img/emphasisNote.gif) left bottom no-repeat;}
#dashNotice .emphasizestyle1 h3{ border-bottom:0; line-height:32px; margin-left:10px;}
#dashNotice .emphasizestyle1 h3 .normal{ font-weight:normal; float:none; color:#333;}

#dashNotice .searchico_graduate{ padding-left:35px; margin-bottom:3px; background:url(/img/newbee_search.gif) left no-repeat; line-height:25px;}
#dashNotice .ico_graduate{ padding-left:35px; margin-bottom:3px; background:url(/img/newbee_alumni.gif) left no-repeat; line-height:25px;}


#dashNotice .itemfloat{line-height:1.5em; margin-top:5px;}
#dashNotice .itemfloat li{ list-style:none; float:left; margin-right:5px; }

#dashNotice .w290icosearch{ padding-left:20px; width:290px; background:#fff url(/img/magglass.png) 3px no-repeat;}

/*==== for grad END =========================================================*/

/*==== find schoolmate ======================================================*/

.findschoolmate{}
.findschoolmate p{ margin-bottom:5px;}
.findschoolmate label{ color:#808080; font-weight:bold; width:50px; float:left; text-align:right; height:20px; line-height:20px;}
.findschoolmate h2{ margin-bottom:5px;}


/*==== find schoolmate =======================================================*/
.auto-iframe-holder{padding:0 20px;}

@charset "utf-8";
/* CSS Document */
.accounttable{ margin:0 95px 30px 95px; border-top:1px solid #e9e9e9;}
.account h3{font-size:12px; margin:10px 0 5px; color:#f17b05;}
.accounttable table{margin-left:20px}
.account th,.account td{padding:3px}
.account th{font-weight:normal; text-align:right; color:#666;width:72px;vertical-align:top;}
.account hr{background:#DDDEE2; height:1px; overflow:hidden; margin:10px 15px; border:none}
.account #section-header .section-info{ padding-top:0}
.account #section-header .section-info .section-gray{margin-bottom:15px}
.account #section-header .section-avatar{background:transparent url(/imgpro/bg/headbg-50.png) no-repeat scroll left top;
height:57px;
margin-bottom:5px;
padding:4px 0 0 4px;
width:57px;
}
.account  #section-header{padding-bottom:0}
.pf_progress{background-color:#F7F7F7; border-left:solid 1px #E0E0E0; padding-left:15px; width:280px;/*display:none*/}
.pf_progress h4{color:#F17B05; margin:10px 0}
.pf_progress .gray{color:#999}
.pf_progress p.gray{margin:10px 0;color:#999}
.pf_progress h4.gray{color:#999;border-top:solid 1px #E3E3E3; padding-top:5px; margin-right:50px;}
.pf_progress .ok a{color:#666}
.pf_progress .ok li,.pf_progress .edit li{margin:0 15px 10px 0;}
.pf_progress .ok li,.pf_progress .edit li a{background:url(/imgpro/progress/ok.png) no-repeat left center; padding-left:20px}
.pf_progress .edit li a{background-image:url(/imgpro/progress/edit.png)}
.pf_progress .ok li{color:#999}

.progress{clear:left;padding-top:3px}
.progress .progress_bar{width:213px;height:17px; background:url(/imgpro/progress/progress_bg_new.png) repeat-x left center;}
.progress .progress_bar .percent{display:block; height:17px;background:url(/imgpro/progress/progress_bar_new.png) repeat-x left center;}
/*.progress .progress_bar .percent{padding-left:5px; overflow:visible}
.progress .progress_bar .percent span{background-position:right center;margin-right:-2px;_margin-right:0}*/
.progress .num{display:block;_display:inline;line-height:17px; height:17px; text-align:center; float:left;width:213px; margin-left:-213px; margin-right:10px;color:#005EAC;font-family:Tahoma}
/*	add low when <40% */
.low .num{/*color:#EF4223;*/ font-weight:bold}
.low .progress_bar .percent,.progress.low .progress_bar .percent span{background-image:url(/imgpro/progress/progress_bar_low_new.png)}

.profile_edit{margin:0 0 0 150px; clear:both; position:relative; top:-20px}

.form-profile {
    margin:10px 30px;
}

.form-profile fieldset {
    border-top: 1px solid #D8DFEA;
    padding: 10px;
    margin: 20px 0 30px;
}

.form-profile fieldset.hidden {
    border: none;
    padding: 0 10px;
    margin: 0;
}

* html .form-profile fieldset {padding-top:0}
*+html .form-profile fieldset {padding-top:0}

.form-profile legend {
    color: #333;
    font-weight: bold;
    margin-left: 10px;
    font-size: 1.2em;
}

.form-profile fieldset.hidden legend {
    display: none;
}

* html .form-profile legend {margin-bottom: 10px;}
*+html .form-profile legend {margin-bottom: 10px;}

.form-profile p {
    padding: 0.4em 0;
    overflow: hidden;
    zoom: 1;
}

.form-profile .format-to-p {
    padding: 0.4em 0;
    overflow: visible;
    zoom: 1;
}

.form-profile p em, .form-profile .format-to-p em {
    font-weight: bold;
    color: #808080;
    padding: 2px 2px 0 0;
    font-style: normal;
    color: #666;
}

.form-profile p label, .form-profile .format-to-p label {
    float:left;
    width:8.0em;
    margin-right:10px;
    color:#808080;
    font-weight:bold;
    text-align:right;
    height: 1.8em;
    line-height: 1.8em;
    color: #666;
}

.form-profile p label.labelRadio{width:105px;margin-left:-10px;*margin-left:-4px;}
.form-profile p label.workyear,
.form-profile p label.schoolyear{width:auto; float:none; display:inline}
.form-profile p label.schoolyear{margin:0 -5px 0 5px}
.form-profile p .inputtext, .form-profile .format-to-p .inputtext {
    vertical-align: middle;
    height: 14px;
    line-height: 14px;
    width: 144px;
    padding: 2px;
}

.form-profile p .readonly {
    background: #F7F7F7;
    cursor: default;
    border: 1px solid #D8DFEA;
}

.form-profile p .select, .form-profile .format-to-p .select {
    vertical-align: middle;
}

.form-profile p .select.type {
    width: 200px;
}

.form-profile #juniorhighschool, .form-profile #elementaryschool, .form-profile #techhighschool {
    margin-right: 4px;
}

* html .form-profile #juniorhighschool, * html .form-profile #elementaryschool, * html .form-profile #techhighschool {
    margin-right: 1px;
}


.form-profile .gray {
    width: 4.0em;
}

#selfDescForm #global_bg_img, #selfDescForm #global_bg_music {
    width: 30.0em;
}

#selfDescForm label {
    margin:0;
    width:6.0em;
    text-align:left;
}

#profilePage .pandora-actions {
    text-align: center;
    display: none;
}

#profilePage .pandora-textarea textarea {
    width: 520px;
}

#profilePage .anti_pandora {
    border:1px solid #98A8C2;
    background:#FEFFCF;
    padding:20px;
    width:484px;
    position:relative;
}

#profilePage .anti_pandora p {padding-left:18px}
* html #profilePage .anti_pandora p {padding-left:25px}
*+html #profilePage .anti_pandora p {padding-left:25px}

#profilePage .anti_pandora label {
    font-size:14px;
    font-weight:bold;
    color: #333;
}

#profilePage .anti_pandora input {
    background:#FEFFCF;
    margin-right: 5px;
}

#picturenow { float:left; width:202px;margin:0 20px 0 26px;_display:inline}
#picturenow img { width:200px; border:1px solid #d8dfea; background:#fff;}
#picturenow h3, #pictureinfuture h3 { margin:10px 0; border-bottom:1px solid #d8dfea; line-height:1.5em; color:#000;}
#pictureinfuture { float:left; width:414px;}
.hint.gray {color:gray;}

#profilePage .cube {
    margin: 5px 10px 5px 0;
}

#profilePage #wide-column.form-network {
    width: 394px;
}

#profilePage #side-column.form-network {
    width: 212px;
}

* html .form-network #equal-left, * html .form-network #equal-right, * html .form-privacy #equal-left, * html .form-privacy #equal-right {
    padding-bottom: 10px;
}

*+html .form-network #equal-left, *+html .form-network #equal-right, *+html .form-privacy #equal-left, *+html .form-privacy #equal-right {
    padding-bottom: 10px;
}

.form-network .cube {
    overflow: hidden;
    zoom: 1;
}

.form-network .cube span {
    display: block;
    padding-top: 1.0em;
    color: #808080;
}

.form-network .cube h2 {
    width: 260px;
}

.form-network .cube span {
    width: 260px;
}

#side-column.form-network h3 {
    margin-top: 1.0em;
}

.form-network fieldset {
    margin: 5px 0;
    border-top: 1px solid #D8DFEA;
    padding-bottom: 15px;
    margin-right: 10px;
}

.form-network p {
    padding: 0.15em 0;
    overflow: hidden;
    zoom: 1;
}

.form-network p label {
    display: block;
    color:#808080;
    font-weight:bold;
    height: 1.8em;
    line-height: 1.8em;
    color: #666;
}

.form-network p em {
    font-weight: bold;
    color: #808080;
    padding: 2px 2px 0 0;
    font-style: normal;
}

.form-network .inputtext {
    width: 164px;
}

.form-network select {
    width: 170px;
    margin-bottom:5px;
}

* html .form-network select {width:170px}
*+html .form-network select {width:170px}

.form-network ul {
    float: right;
    list-style: none;
}

.form-network ul li {
    border-bottom: 1px solid #D8DFEA;
    line-height: 1.5em;
    text-indent: 0.5em;
}

.form-network ul li a {
    display: block;
}

.form-network ul li a:hover {
    background: #3B5888;
    color: #FFF;
    text-decoration: none;
}

.form-network #highSchoolComponent_provinceCitySpan select {
    margin-bottom: 3px;
}

.form-privacy {
    margin:0 30px 10px;
}

.form-privacy h3 {
    margin-top: 1.0em;
}

.form-privacy fieldset {
    margin: 5px 0 20px;
    border-top: 1px solid #D8DFEA;
    padding-top: 10px;
}

.form-privacy fieldset p {
    padding: 0 0 5px;
    overflow: hidden;
    zoom: 1;
    color: #808080;
}

.form-privacy p label {
    padding-right: 2.0em;
}

.form-privacy label.labelRadio input {
    background: #F7F7F7;
}

.form-privacy label.labelCheckbox input {
    background: #F7F7F7;
}

.form-privacy .block-list {
    margin: 5px 0;
    border-top: 1px solid #D8DFEA;
    padding-top: 5px;
}

.form-privacy .block-list span {
    color: #808080;
}

.form-privacy .block-list ul {
    padding: 10px;
    list-style: square inside;
    line-height: 1.5em;
    color: #808080;
}

#profilepage #content, #profilepage #oak {
    overflow: visible;
}

.form-profile .add-block, .form-profile .del-block {
    padding: 1.0em 0;
    background: url(/img/divider_bar.gif) no-repeat 106px 100%;
}

.form-profile .no-bg {padding:0;}

.form-profile .add-block label, .form-profile .del-block label {
    height: 1.0em;
    line-height: 1.0em;
}

.form-cellphone {
    
}

.form-cellphone h3 {
    font-size:1.2em;
    border-bottom: 1px solid #D8DFEA;
    line-height:1.5em;
    background: url(/img/newsfeed/mobile.gif) no-repeat 0 3px;
    text-indent: 1.3em;
}

.form-cellphone .required {
    padding-top: 1.5em;
}

.form-cellphone p {line-height:1.5em;}

.form-cellphone label {width:200px !important;}

#myWorkInfoForm input.inputtext {
    width: 296px;
}

#myEducationForm input.inputtext, #myEducationForm #juniorhighschoolContainer, #myEducationForm #elementaryschoolContainer,#myEducationForm techHighSchoolContainer {width: 194px;}
#myEducationForm #juniorhighschoolContainer .yui-ac-content, #myEducationForm #elementaryschoolContainer .yui-ac-content, #myEducationForm #juniorhighschoolContainer ul, #myEducationForm #elementaryschoolContainer ul {width: 198px;}


.form-profile p span.block{ display:block; margin-bottom:3px;}


/*for uploadpic*/
#mobile_bind_block h1{ font-size:15px; text-align:center; margin:20px 0;}
.form-privacy.form-uploadpic{ margin:0 auto; padding:0; width:450px;}

#mobile_bind_block p.alg_center{ text-align:center; margin-top:5px;}
#mobile_bind_block .gray{ color:#808080;}

.form-privacy.form-uploadpic .required{ padding:30px 0; margin:5px 0; border-bottom:1px #ccc solid;}
.form-privacy.form-uploadpic .required .label_mobile{ background: url(/img/newsfeed/mobile.gif) 65px center no-repeat;}
.form-privacy.form-uploadpic .required input.subbutton{ display:block; margin-top:10px; margin-left:160px;}
*html .form-privacy.form-uploadpic .required input.subbutton{ margin-left:163px;}

#profilepage a.findmore{ display:block; margin:10px 0;}


.posrela{ position:relative;}
.posrela iframe{margin-left:109px; margin-top:-7px;}
.posrela .yui-ac-content{ left:106px; margin-top:-7px; position:absolute; width:300px; border:1px solid #98A8C2; border-top:0; background:#fff; overflow:hidden; z-index:9050;}
#company_sug.sug_infillinfo{ position:absolute; padding:3px; left:251px; margin-top:-4px; width:126px; border-top:0; background:#fff; overflow:hidden; border:1px solid #98A8C2; }
*html #company_sug.sug_infillinfo{ left:254px; margin-top:-5px; width:125px;}
*+html #company_sug.sug_infillinfo{ margin-top:-6px; width:125px;}

*html .posrela .yui-ac-content{ left:109px;}
.posrela .yui-ac-content li{padding:2px 5px;cursor:default;}
.posrela .yui-ac-content li.yui-ac-highlight{background:#3B5888;color:#FFF}
.posrela .yui-ac-bd {border-top: 1px solid #DBDBDC}

#company_sug.posrela{ position:absolute; height:200px;}
#company_sug.posrela iframe{ display:none;}
*+html #company_sug.posrela iframe{ display:inline; left:180px; margin-top:-6px; color:#fff;}
*html #company_sug.posrela iframe{ display:inline; left:73px; width:120px; height:100px; margin-top:-5px; color:#fff; }
#company_sug.posrela .yui-ac-content{ position:absolute; border:1px solid #98A8C2; border-top:0; background:#fff; overflow:hidden; z-index:9050;margin-top:-4px; width:134px; left:180px; height:108px;}
*html #company_sug.posrela .yui-ac-content{ margin-top:-5px; width:134px; left:183px;}
*+html #company_sug.posrela .yui-ac-content{ margin-top:-6px;}

/*UploadPicPage add confrimbox*/
.uploadpicconfirmbox{ display:none; position:absolute; left:50%; margin-left:-233px; top:50px;}


#profilepage .profiletitle{padding:10px 15px; font-size: 14px; font-weight: bold;}
.contactinfo .highlight{width:80%; margin:0 auto}

.back{font-weight:bold; float:right; display:block; margin:15px 10px 0 0; /*display:none    debug   */}
.form-profile .lock {background:url(/imgpro/icons/lock-blue.gif) no-repeat 0 center;padding-left:1.2em;}
.dialog_content .pri-infoset {padding:20px;}
.dialog_content .pri-infoset h4 {font-weight:normal;}
.dialog_content .pri-infoset .info-content p {margin:1em 0;}
.dialog_content .pri-infoset .info-content p label {width:70px;text-align:right;display:inline-block;}
.dialog_content .pri-infoset .info-content p select {width:200px;}


/*--2009.2.4 from head--*/
.uploadform span {color:#808080;}
.inv-pro .tip-copyok{ background:#ffff96; display:;padding:5px; width:238px; border-width:0 1px 1px 1px; border-color:#b9b9b9; border-style:solid; margin-left:15px; margin-top:18px}
.inv-pro .tip-copyok .alt-triangle-left{position:absolute; height:12px; width:250px; margin:-17px 0 0 -6px; background:url(/img/alt_triangle_2.gif) no-repeat -33px 0;}
.inv-pro .tip-copyok h4{background:url(/imgpro/icons/bulb.gif) no-repeat 15px 5px;color:#808080;padding-left:32px;line-height:22px;font-weight:lighter}
.inv-pro .tip-copyok ul {padding:0 41px;list-style-type: disc;}
.inv-pro .tip-copyok li{color:#808080;font-variant:normal;line-height:20px; font-family:宋体}
.inv-pro .tip-copyok h2{font-size:12px;text-align:center}

*+html .tab-menu li{font-family:宋体, Arial, Helvetica, sans-serif;}

/* styling for the forms */
form#basicInfoForm h4 { margin:5px 60px; padding-left:20px; border-bottom:1px solid #d8dfea; color:#3B5888; font-size:12px; text-align:left; line-height:20px;}
form .notes { margin:10px 0; padding:10px; border:1px solid #d8dfea; background:#fff; text-align:center; line-height:24px;}
form .notes h4 { margin:5px 60px; padding-left:20px; border-bottom:1px solid #d8dfea; color:#3B5888; font-size:12px; text-align:left; line-height:20px;}
form .notes p, form .notes ol, form .notes ul { margin:0 60px; padding-left:20px; text-align:left; line-height:24px;}
form .notes em { font-style:normal; color:#dd3c10;}
form .notes span.url { margin-left:15px;}
form .hint em { font-style:normal; color:#dd3c10;}
form .required, form .optional { clear:both; padding:2px 0; line-height:24px;overflow:hidden;zoom:1}
form .required h4, form .optional h4 { margin:5px 80px 5px 150px; padding-left:10px; border-bottom:1px solid #d8dfea; color:#3B5888; font-size:12px; line-height:20px;}
form .required h4, form .optional h4, form .required p, form .optional p { margin:5px 80px 5px 150px; padding-left:10px;}
form .required label, form .optional label,.bindmsn label { float:left; width:150px; margin:0 10px 0 0; color:#808080; font-weight:bold; text-align:right;}
form .required .labelCheckbox, form .optional .labelCheckbox { display:block; float:none; width:auto; margin:0 0 0 160px; color:#000; font-weight:normal; text-align:left;}
form .required .labelCheckbox input, form .optional .labelCheckbox input { margin-right:10px;}
form .required em, form .optional em { padding:0 2px; font-style:normal;}
form .actions { margin:10px 0;text-align:center;}
form .actions-left{margin:10px 0 10px 160px;}
form .required .labelRadio, form .optional .labelRadio { display:block; float:none; width:auto; margin:0; padding-left:160px; color:#000; font-weight:normal; text-align:left;}
form .wide textarea { width:350px; margin-left:160px;}
form .required .labelRadio input, form .optional .labelRadio input { margin-right:10px;}
.wideform .wide { text-align:center;}
.wideform .wide textarea { width:500px; margin:0;}
.wideform .actions { padding:0; text-align:center;}
.wideform .actions a { margin:0 50px;}
.narrowform .wide label { display:block; float:none; width:100%; margin:0; color:#000; text-align:left;}
.narrowform .actions { padding:0; text-align:left;}

form .address-space{margin-left:50px}
form .address-space td{padding-right:5px;padding-bottom:10px}
form .address-space .name{font-weight:bold;color:#666}
form .address-space .space{color:#808080}
form .address-space .yes-validation{font-size:12px;font-weight:bold;color:#349F00}
form .address-space .no-validation{font-size:12px;font-weight:bold;color:#C92B00}
form .password-modify{margin:0 0 5px 113px;}
form .password-modify .password-tips{width:230px;margin:10px 0}
form .password-modify .password-tips h1{font-size:12px;font-weight:lighter;padding:0 0 10px 0}
form .password-modify .password-tips p{font-size:12px}









